<!--
发布、提交、保存等按钮统一放到底部，保持全局操作一致，还可以避免做微信小程序时二次修改。
内容放在detail-content里，功能不能放在里面
包含内容：
转发
投诉
发帖
发文章
联系客服
-->
<template>
	<view class="content">
		<!-- 间隔条 -->
		<view class="plate-between"></view>
		<view class="common-content-body">
			<view class="detail-content">
				<!-- 举报标题 -->
				<view class="create-title">
					举报 <text class="quote-text">撒打算大神</text> 的帖子
				</view>
				<!-- 引用卡-帖子引用 -->
				<view class="quote-card">
					<!-- 帖子 -->
					<view class="quote-posts">
						<view class="writer-info">
							<view class="account-head" >
								<!-- 头像图片容器 -->
								<view class="account-head-img">
									<image src="../../static/temp-photo.jpg" mode="widthFix"></image>
								</view>
							</view>
							<!-- 作者信息 -->
							<view class="account-info-content">
								<!-- 基础信息 -->
								<view class="base-info">
									<text class="account-nickName">用户名甲乙丙丁戊己</text>
								</view>
								<!-- 时间 -->
								<view class="time-info">
									<text>2019-11-12 10:21:10</text>
								</view>
							</view>
						</view>
						<view class="post-desc">
							雪茄（英文：Cigar）是一种烟草制品，由干燥及经过发酵的烟草卷制而成，吸食时把其中一端点燃，然后在另一端用口吸咄，产生烟雾。 雪茄的烟草的主要生产国是巴西、喀麦隆、古巴、多米尼加共和国、洪都拉斯、印尼、墨西哥、尼加拉瓜和美国以及中国、东南亚。
						</view>
					</view>
				</view>
				<!-- 标题输入 -->
				<text class="input-title">请输入标题:</text>
				<input @blur="" class="text-input" placeholder="友善的发言更受欢迎哦～"/>
				<!-- 文字输入 -->
				<text class="input-title">请输入内容:</text>
				<textarea @blur="" class="textarea-input" placeholder="友善的发言更受欢迎哦～"/>
				<!-- 功能列表 -->
				<view class="control-list">
					<view class="list-item">
						<icon class="fontIcon icon-set-cigar" type=""></icon>
						<text class="item-name">选择雪茄</text>
						<text class="item-info"></text>
						<icon class="fontIcon icon-goto" type=""></icon>
					</view>
					<view class="list-item">
						<icon class="fontIcon icon-address" type=""></icon>
						<text class="item-name">显示位置</text>
						<text class="item-info"></text>
						<icon class="fontIcon icon-goto" type=""></icon>
					</view>
					<view class="list-item">
						<icon class="fontIcon icon-address" type=""></icon>
						<text class="item-address-info">雪茄（英文：Cigar）是一种烟草制品，由干燥及经过发酵的烟草卷制而成</text>
						<text class="item-info"></text>
						<icon class="fontIcon icon-goto" type=""></icon>
					</view>
					<view class="list-item">
						<icon class="fontIcon icon-at" type=""></icon>
						<text class="item-name">提醒谁看</text>
						<text class="item-info"></text>
						<icon class="fontIcon icon-goto" type=""></icon>
					</view>
					<view class="list-item">
						<icon class="fontIcon icon-purview" type=""></icon>
						<text class="item-name">帖子权限</text>
						<text class="item-info"></text>
						<icon class="fontIcon icon-goto" type=""></icon>
					</view>
					<view class="list-item">
						<icon class="fontIcon icon-vote" type=""></icon>
						<text class="item-name">发布投票</text>
						<text class="item-info"></text>
						<icon class="fontIcon icon-goto" type=""></icon>
					</view>
				</view>

			</view>
			<!-- 多选条件 -->
			<view class="checkbox-list">
				<text selectable="list-title">请选择：</text>
				<view class="list-content">
					<label>
						<checkbox value="cb" color="#FE7388" checked="false" />分享到主页
					</label>
					<label>
						<checkbox value="cb" color="#FE7388"/>分享到主页
					</label>                
					<label>                 
						<checkbox value="cb" color="#FE7388"/>分享到主页
					</label>                
					<label>                 
						<checkbox value="cb" color="#FE7388"/>分享到主页
					</label>                
					<label>                 
						<checkbox value="cb" color="#FE7388"/>分享到主页
					</label>
				</view>
			</view>
			
			<!-- 使用图片 -->
			<view class="choose-photos-list">
				<text class="list-title">图片证明：</text>
				<view class="list-content">
					<view class="choose-photo">
						<image src="../../static/temp-photo.jpg" mode="widthFix"></image>
						<icon class="btn-small-remove" type=""/>
					</view>
					<view class="choose-photo">
						<image src="../../static/temp-photo.jpg" mode="widthFix"></image>
						<icon class="btn-small-remove" type=""/>
					</view>
					<view class="choose-photo">
						<image src="../../static/temp-photo.jpg" mode="widthFix"></image>
						<icon class="btn-small-remove" type=""/>
					</view>
					<view class="choose-photo">
					</view>
				</view>
			</view>
			<!-- 底部说明 -->
			<view class="edit-rule">
				<text class="link-text">《帖子说明》</text>
				<text class="link-text">《发帖规则》</text>
			</view>
			<!-- 浮动底栏位置补偿 -->
			<view class="filler-block"></view>
		</view>

		<!-- 输入底栏 -->
		<view class="footBar foot-common-content">
			<!-- 输入功能栏，全局通用，弹出键盘后才会出现 -->
			<view class="common-customize-input-topBar">
				<icon class="fontIcon icon-emoji" type=""/>
				<text class="input-count">0/500</text>
				<!-- <icon class="fontIcon icon-sent" type=""/> -->
			</view>
		</view>
		<!-- 底栏 -->
		<view class="footBar foot-menu-content c-hide">
			<view class="buttons-content-row">
				<button class="full-btn btn-important">保存</button>
			</view>
		</view>
	</view>
</template>